<template>
    <div>
        <!-- 多个属性传值：方式一 -->
        <Navbar :my-title="title" left="返回" right="前进"></Navbar>
        <!-- 多个属性传值：方式二 -->
        <!-- <Navbar v-bind="{
            'my-title': '电影',
            left: '返回',
            right: '前进'
        }"></Navbar> -->
        <!-- 多个属性传值：方式三，方式二的变体 -->
        <!-- <Navbar v-bind="propObj"></Navbar> -->

        <!-- <Navbar my-title="我的"></Navbar>
        <Navbar my-title="影院"></Navbar> -->

        <!-- 父组件可以修改传给子组件的属性值 -->
        <button @click="handClick">click</button>
    </div>
</template>
<script>
import Navbar from './Navbar.vue'

export default {
    components: {
        Navbar
    },
    data() {
        return {
            title: '首页',
            propObj: {
                'my-title': '美女',
                left: '返回',
                right: '前进'
            }
        }
    },
    methods: {
        handClick() {
            this.title = "首页111"
        }
    }
}
</script>1